.border-content{
  border-top:1px solid $borderColor;
  padding:8px 0;
  .tag-cont{
    position: relative;
    display: inline-block;
    margin:8px 16px 8px 0;
    .tag{
      @include border-radius();
      border:1px solid $borderColor;
      padding:6px 12px;
      display: inline-block;
      color:rgba(0,0,0,.65);
      .caozuo{
        display: none;
        padding-left: 8px;
        .edit-o,.anticon-delete{
          vertical-align: middle;
        }
        .edit-o{
          color:$blue;
        }
        .anticon-delete{
          color:$red;
        }
      }
      .grey{
        color:$grey;
      }
      &.dashed{
        border-style:dashed;
      }
      &:hover{
        border-color:$blue;
        .caozuo{
          display: inline;
        }
      }
      &.disabled{
        cursor: not-allowed;
        background: $bg_grey;
        border-color:$bg_grey;

      }
    }
    &.active{
      .tag {
        border-style: solid;
        border-color: $blue;
        color: $blue;
        .grey {
          color: $blue;
        }
      }
    }
  }
  .modal-tag{
    width: 320px;
    position: absolute;
    top:auto;
    left:auto;
    z-index: 999;
    .ant-modal{
      top:auto;
    }
    .ant-modal-content{
      box-shadow: 0 0px 8px rgba(0,0,0,.4);
    }
    .ant-modal-footer{
      text-align: center;
    }
  }
}
.btn-flex{
  display: flex;
  justify-content: space-between;
  .btn-flex-margin{
    .ant-btn{
      margin:0 0 0 16px;
    }
  }
  &.flex-start{
    justify-content: flex-start;
  }
}